header .container{
    padding-bottom: .375rem;
}
section .loginbox{
    background-color: #f2f2f2;
    padding-top: 2.775rem;
    color: rgb(168, 167, 167);
    padding-bottom: 35px;
}
section .loginbox .container{
    background-color: #fff;
    width: 96vw;
    padding: 1.875rem 1vw;
    border-radius: 10px;
    box-shadow:1px 1px 3px 1px #ccc;
}
section .loginbox .container .login-title{
    text-align: center;
    font-size: 1.3125rem;
    margin-bottom: 3.75rem;
    color: #000000;
}
section .loginbox .container .login-logo{
    /* display: flex; */
    text-align: center;
    margin-bottom: 2.125rem;
}
section .loginbox .container .login-logo img{
    /* display: block; */
    height: 3.4375rem;
}
section .loginbox .container .login-logo p{
    color: #14b9c8;
    font-size: .875rem;
}
/* section .loginbox .container .tabbox{
} */
section .loginbox .container .tabbox .tab-nav{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.05rem;
}
section .loginbox .container .tabbox .tab-nav .tab-nav-item{
    flex: 1;
    text-align: center;
    padding: .625rem 0px;
    font-size: 1.125rem;
    border-bottom:.1875rem solid transparent;

}
section .loginbox .container .tabbox .tab-nav .tab-nav-item.active{
    color: #14b9c8;
    border-bottom:.1875rem solid #14b9c8;
}
section .loginbox .container .tabbox .tab-content{}
section .loginbox .container .tabbox .tab-content .tab-content-item.hide{
    display: none;
}
section .loginbox .container .tabbox .tab-content .tab-content-item .input-phone{
    display: flex;
    justify-content: center;
    align-self: center;
    padding: .75rem .5rem;
    border-bottom:1px solid #ccc;
    margin-bottom: 3.5rem;
}
section .loginbox .container .tabbox .tab-content .tab-content-item .input-phone.active{
    border-bottom:1px solid #14b9c8 ;

}
section .loginbox .container .tabbox .tab-content .tab-content-item .input-phone span{
    flex-basis: 14%;
    white-space:nowrap; 
}
section .loginbox .container .tabbox .tab-content .tab-content-item .input-phone input{
    outline: none;
    border: none;
    flex-basis: 80%;
    font-size: 1rem;
}
section .loginbox .container .tabbox .tab-content .btn-login{
    margin-bottom: 3.75rem;
}
section .loginbox .container .tabbox .tab-content .btn-login p{
    font-size: .875rem;
    padding-bottom: 10px;
}
section .loginbox .container .tabbox .tab-content .btn-login p a{
    color: #000000;
    text-decoration: none;
}
section .loginbox .container .tabbox .tab-content .btn-login button{
    width: 100%;
    height: 2.75rem;
    border: none;
    outline: none;
    background-color: #eeeeee;
    color: #ffff;
}
section .loginbox .container .tabbox .tab-content .btn-login button.active{
    background-color: #12a7b4;
}
section .loginbox .container .tabbox .tab-content .content-line{
    border-bottom: 1px solid #ccc;
    position: relative;
    margin-bottom: 1.25rem;
}
section .loginbox .container .tabbox .tab-content .content-line span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    padding: .3125rem;
}
section .loginbox .container .tabbox .tab-content .other-login{
    display: flex;
    justify-content: center;
    align-items: center;
}
section .loginbox .container .tabbox .tab-content .other-login span{
    font-size: 40px;
    text-align: center;
    margin: 0px 1.25rem;
    color: #2c5c8f;
}
section .loginbox .container .tabbox .tab-content .other-login span:nth-child(1){
    /* font-size: 42px; */
    color: #54be36;
}
section .loginbox .container .tabbox .tab-content .other-login span p{
    font-size: 12px;
    color: #ccc;
}
/* 邮箱部分 */
section .loginbox .container .tabbox .tab-content .tab-content-item .input-email{
    padding: .875rem;
    border-bottom: 1px solid #ccc;
}
section .loginbox .container .tabbox .tab-content .tab-content-item .input-email.active{
    border-bottom: 1px solid #12a7b4;
}
section .loginbox .container .tabbox .tab-content .tab-content-item .input-email input{
    outline: none;
    border: none;
    font-size: .9375rem;
}
section .loginbox .container .tabbox .tab-content .tab-content-item .btn-remember{
    font-size: .75rem;
    display: flex;
    justify-content: space-between;
    padding: 15px 0px;
    margin-bottom: 1.875rem;
}
section .loginbox .container .tabbox .tab-content .tab-content-item .btn-remember span{
    padding: 0px 8px;
    vertical-align: bottom;
    color: #000000;
}
section .loginbox .container .tabbox .tab-content .tab-content-item .btn-remember span input{
    margin-right: .3125rem;
    vertical-align: middle;
}
section .loginbox .container .tabbox .tab-content .tab-content-item .btn-remember span:nth-child(2) a{
    color: #12a7b4;
    font-size: .75rem;
}